<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<script src="assets/flexible/flexible.debug.js"></script>
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
	<link rel="stylesheet" href="assets/font/iconfont.css">
</head>

<body>
	<header class="header">
		<div class="left">
			<dl class="item">
				<dt class="iconfont">&#xe74f;</dt>
				<dd>主页</dd>
			</dl>
		</div>
		<div class="center search">
			<img src="images/2.png">
			<span>搜索药品/器械/中药饮品</span>
			<span></span>
		</div>
		<div class="right">
			<dl class="item">
				<dt class="iconfont">&#xe668;</dt>
				<dd>消息</dd>
			</dl>
		</div>
	</header>
	<!-- 头部导航 -->
	<div class="swiper-container swiper">
		<div class="swiper-wrapper wrapper">
			<div class="swiper-slide"><img src="http://image.360kad.com/group1/M00/4F/6B/CgAgEVfiS26AO73vAAGObvv50PQ603.jpg"></div>
			<div class="swiper-slide"><img src="http://image.360kad.com/group1/M00/4D/4C/CgAgEVfXxp2ARhpWAAIYDVb-jEk061.jpg"></div>
			<div class="swiper-slide"><img src="http://image.360kad.com/group1/M00/47/BB/CgAgEFe8JlyAUiWGAAI6EmPo2V0865.jpg"></div>
			<div class="swiper-slide"><img src="http://image.360kad.com/group1/M00/4D/09/CgAgEVfWbteAWnVBAAG_3Hs6660706.jpg"></div>
			<div class="swiper-slide"><img src="http://image.360kad.com/group1/M00/4F/52/CgAgEFfiAHOAHe7KAADVuzXgPTc188.jpg"></div>
			<div class="swiper-slide"><img src="http://image.360kad.com/group1/M00/4D/8F/CgAgEFfZIs6ARr-8AAEsON_Ds_Q127.jpg"></div>
			<div class="swiper-slide"><img src="http://image.360kad.com/group1/M00/49/E6/CgAgEFfGsI2AGL5kAADnQk48h2U025.jpg"></div>
			<div class="swiper-slide"><img src="http://image.360kad.com/group1/M00/4D/09/CgAgEVfWbteAWnVBAAG_3Hs6660706.jpg"></div>
		</div>
		<!-- Add Pagination -->
		<div class="swiper-pagination"></div>
		<!-- Add Arrows -->
	</div>
	<!-- banner -->
	<div class="banner">
		<dl class="time medicine">
			<dt><img src="http://image.360kad.com/group1/M00/3F/33/CgAgEFeQYqaAdn_TAAAN_eL2BHg876.png"></dt>
			<dd>轻松找药</dd>
		</dl>
		<dl class="time core">
			<dt><img src="http://image.360kad.com/group1/M00/3F/33/CgAgEFeQYrKACCsGAAAOH1RsQCo048.png"></dt>
			<dd>领卷中心</dd>
		</dl>
		<dl class="time register">
			<dt><img src="http://image.360kad.com/group1/M00/3F/33/CgAgEVeQYruAJmHCAAAOHU9QsBc905.png"></dt>
			<dd>签到有礼</dd>
		</dl>
		<dl class="time">
			<dt><img src="http://image.360kad.com/group1/M00/3F/33/CgAgEFeQYsSAbkQiAAAOlRevj_g777.png"></dt>
			<dd>私人订制</dd>
		</dl>
		<dl class="time">
			<dt><img src="http://image.360kad.com/group1/M00/3F/33/CgAgEVeQYs6AKDqTAAANlq_2VKM792.png"></dt>
			<dd>男士</dd>
		</dl>
		<dl class="time">
			<dt><img src="http://image.360kad.com/group1/M00/3F/33/CgAgEVeQYtiAchmSAAAOmYja8mA189.png"></dt>
			<dd>女士</dd>
		</dl>
		<dl class="time">
			<dt><img src="http://image.360kad.com/group1/M00/3F/33/CgAgEFeQYhKAGYlXAAANAYo1dnk325.png"></dt>
			<dd>老人</dd>
		</dl>
		<dl class="time">
			<dt><img src="http://image.360kad.com/group1/M00/3F/33/CgAgEVeQYm2AAJucAAANazL1_Nw691.png"></dt>
			<dd>儿童</dd>
		</dl>
	</div>
	<!-- xx快报 -->
	<div class="column">
		<div class="left">超级秒杀</div>
		<div class="right">
			<span>距结束</span>
			<span class="hours">00</span>:
			<span class="min">00</span>:
			<span class="secon">00</span>
			<span><img src="images/4.png"></span>
		</div>
	</div>
	<!-- 热卖商品 -->
	<div class="nav">
		<div class="swiper-container container">
			<div class="swiper-wrapper">
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/32/3C/CgAgEVdGsAWAKL1PAAHgHzQI7xc694.jpg_180x180.jpg">
					<div>2.6折</div>
					<p class="xian">￥1</p>
					<p class="yuan">￥3.9</p>
				</div>
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/0A/1A/CgAgEFXJrbuAacGTAAAgAJmJ_aE58.jpeg">
					<div>2.3折</div>
					<p class="xian">￥1.5</p>
					<p class="yuan">￥6.5</p>
				</div>
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/49/47/CgAgEVfD0UqAZ52WAAG3Jjyuhoc223.jpg_180x180.jpg">
					<div>4.7折</div>
					<p class="xian">￥1.8</p>
					<p class="yuan">￥3.8</p>
				</div>
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/21/7F/CgAgEVbjiJmAL5GQAAGufNQTFEo426.jpg_180x180.jpg">
					<div>3.6折</div>
					<p class="xian">￥3.9</p>
					<p class="yuan">￥10.8</p>
				</div>
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/0B/47/CgAgEVX3mQeAFEn5AAAgAIFvtOg03.jpeg">
					<div>2.3折</div>
					<p class="xian">￥4.6</p>
					<p class="yuan">￥26</p>
				</div>
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/10/9F/CgAgEFaDiGmAI-fwAABAAOaEFnQ29.jpeg">
					<div>4.8折</div>
					<p class="xian">￥6.5</p>
					<p class="yuan">￥13.5</p>
				</div>
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/0E/FB/CgAgEFZuf0eAAhClAAAgAMqprKU81.jpeg">
					<div>3.6折</div>
					<p class="xian">￥6.9</p>
					<p class="yuan">￥19</p>
				</div>
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/4B/FF/CgAgEFfRKgaAKYEfAAGehf-eajM659.jpg_180x180.jpg">
					<div>6.9折</div>
					<p class="xian">￥7.9</p>
					<p class="yuan">￥11.5</p>
				</div>
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/07/C6/CgAgEVWKRPqAH-4gAAAohcWuITM942.jpg">
					<div>5.9折</div>
					<p class="xian">￥15.9</p>
					<p class="yuan">￥26.9</p>
				</div>
				<div class="swiper-slide slide">
					<img src="http://image.360kad.com/group1/M00/20/48/CgAgEVbX93WAaEZFAABERENZ2Tg068.jpg">
					<div>2.6折</div>
					<p class="xian">￥1</p>
					<p class="yuan">￥3.9</p>
				</div>
			</div>
			<!-- Add Pagination -->
			<!-- <div class="swiper-pagination"></div> -->
		</div>
	</div>
	<div class="service">
		<div class="left">
			<img src="http://image.360kad.com/group1/M00/34/B8/CgAgEVdVKlCAGg2-AABQnIjlHBo412.jpg">
		</div>
		<div class="right">
			<div class="top">
				<img src="http://image.360kad.com/group1/M00/4D/4C/CgAgEVfXxZiAe5x1AAA_NSBHFk4983.png">
			</div>
			<div class="bottom">
				<img src="http://image.360kad.com/group1/M00/48/31/CgAgEVe-ddCAU2OWAABPCZA6ibo969.jpg">
			</div>
		</div>
	</div>
	<div class="title">
		<p>热门科室</p>
	</div>
	<div class="main">
		<div class="module">
			<div class="left">
				<img src="http://image.360kad.com/group1/M00/3A/23/CgAgEVdzfPSAbMAUAACAKmuKgZU380.jpg">
			</div>
			<div class="right">
				<img src="http://image.360kad.com/group1/M00/3A/23/CgAgEFdzfQCAYj5IAACJqIT5qQg966.jpg">
			</div>
		</div>
		<div class="module">
			<div class="left">
				<img src="http://image.360kad.com/group1/M00/34/B9/CgAgEFdVMYOAPrl8AAB9aGyc-UE711.png">
			</div>
			<div class="right">
				<img src="http://image.360kad.com/group1/M00/34/B9/CgAgEVdVMgCAE-D8AAB7Zib3_ew290.png">
			</div>
		</div>
		<div class="modules">
			<div class="div">
				<img src="http://image.360kad.com/group1/M00/34/B9/CgAgEFdVMmSAbMaOAACoXqkU4Dg678.png">
			</div>
			<div class="div">
				<img src="http://image.360kad.com/group1/M00/34/BA/CgAgEVdVM0-AebuAAAC-VYu1WXA900.png">
			</div>
			<div class="div">
				<img src="http://image.360kad.com/group1/M00/34/BA/CgAgEVdVM6eARE-LAAC-RLAcTLg852.png">
			</div>
			<div>
				<img src="http://image.360kad.com/group1/M00/34/BA/CgAgEFdVM_yAXWh7AAC7NHRbPCg390.png">
			</div>
		</div>
	</div>
	<div class="menu">
		猜你喜欢
	</div>
	<div class="content">
		<div class="status">
			<div class="left">
				<img src="http://image.360kad.com/group1/M00/07/7A/CgAgEFWKQ2iAIoIgAAOOA0Malfc432.jpg">
				<p class="p">九芝堂 逍遥丸 200丸</p>
				<p class="qian">￥7.8<span>￥10</span></p>
			</div>
			<div class="right">
				<img src="http://image.360kad.com/group1/M00/07/F7/CgAgEFWKRhuAfZszAAF5TiPJFgs499.jpg">
				<p class="p">早康 随身灸 艾灸盒</p>
				<p class="qian">￥29<span>￥58</span></p>
			</div>
		</div>
		<div class="status">
			<div class="left">
				<img src="http://image.360kad.com/group1/M00/49/4C/CgAgEFfD3taAL9YLAAG_dBNWHso603.jpg">
				<p class="p">加味逍遥丸6g*10袋</p>
				<p class="qian">￥23.5<span>￥32</span></p>
			</div>
			<div class="right">
				<img src="http://image.360kad.com/group1/M00/11/BD/CgAgEFaPn_SAEhILAAKBYA_9Wb493.jpeg">
				<p class="p">劲修堂 逍遥丸（水丸）36g</p>
				<p class="qian">￥7.5<span>￥10</span></p>
			</div>
		</div>
		<div class="status">
			<div class="left">
				<img src="http://image.360kad.com/group1/M00/0E/12/CgAgEFZTy5iAJY7kAAKCoGoCflQ19.jpeg">
				<p class="p">早康 温灸艾柱 54段装</p>
				<p class="qian">￥35<span>￥78</span></p>
			</div>
			<div class="right">
				<img src="http://image.360kad.com/group1/M00/2D/2C/CgAgEFcqv_KAYUEMAAHCMrvkrK0605.jpg">
				<p class="p">钙尔奇D糖酸钙</p>
				<p class="qian">￥22<span>￥27</span></p>
			</div>
		</div>
		<div class="status">
			<div class="left">
				<img src="http://image.360kad.com/group1/M00/4B/6A/CgAgEFfOdEyAFXUZAAG_dnyVmxw199.jpg">
				<p class="p">九芝堂 逍遥丸 200丸</p>
				<p class="qian">￥7.8<span>￥10</span></p>
			</div>
			<div class="right">
				<img src="http://image.360kad.com/group1/M00/22/12/CgAgEFboEumACpUTAAKBYMB5dNY55.jpeg">
				<p class="p">早康 随身灸 艾灸盒</p>
				<p class="qian">￥29<span>￥58</span></p>
			</div>
		</div>
		<div class="status">
			<div class="left">
				<img src="http://image.360kad.com/group1/M00/41/27/CgAgEFeaLPmAN-SUAAJ6gFKUeK073.jpeg">
				<p class="p">九芝堂 逍遥丸 200丸</p>
				<p class="qian">￥7.8<span>￥10</span></p>
			</div>
			<div class="right">
				<img src="http://image.360kad.com/group1/M00/0B/DB/CgAgEFYKbt2AExBPAAJ54GBhPOk63.jpeg">
				<p class="p">早康 随身灸 艾灸盒</p>
				<p class="qian">￥29<span>￥58</span></p>
			</div>
		</div>
	</div>
	<!-- 新品上市 -->

	<!-- 当前用户、回顶部 -->

	<!-- 底部导航 -->
	<footer class="footer">
		<dl class="time">
			<dt class="iconfont">&#xe6a9;</dt>
			<dd>主页</dd>
		</dl>
		<dl class="time news">
			<dt class="iconfont">&#xe6e3;</dt>
			<dd>分类</dd>
		</dl>
		<dl class="time dl service">
			<dt class="iconfont dt">&#xe501;</dt>
		</dl>
		<dl class="time gou">
			<dt class="iconfont">&#xe544;</dt>
			<dd>购物车</dd>
		</dl>
		<dl class="time personal">
			<dt class="iconfont">&#xe618;</dt>
			<dd>个人中心</dd>
		</dl>
	</footer>
	<script src="assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="js/index.js"></script>
	<script src="assets/swiper/js/swiper.jquery.min.js"></script>
	<script>
		var swiper = new Swiper('.swiper', {
			pagination: '.swiper-pagination',
			paginationClickable: true,
			spaceBetween: 30,
			centeredSlides: true,
			autoplay: 2500,
			autoplayDisableOnInteraction: false
		});

		var swiper1 = new Swiper('.container', {
			slidesPerView: 3,
			paginationClickable: true,
			spaceBetween: 30,
			freeMode: true
		});

		var starttime = new Date("2017/11/25");
		setInterval(function () {
			var nowtime = new Date();
			var time = starttime - nowtime;
			//   var day = parseInt(time / 1000 / 60 / 60 / 24);
			var hour = parseInt(time / 1000 / 60 / 60 % 24);
			var minute = parseInt(time / 1000 / 60 % 60);
			var seconds = parseInt(time / 1000 % 60);
			$('.hours').html(hour);
			$('.min').html(minute);
			$('.secon').html(seconds);
			if ($('.hours').html() < 10) {
				$('.hours').html("0" + hour)
			}
			if ($('.min').html() < 10) {
				$('.min').html("0" + minute)
			}
			if ($('.secon').html() < 10) {
				$('.secon').html("0" + seconds)
			}
		}, 1000);

		$(".search").click(function () {
			location.href = "html/search.html"
		})
		$(".news").click(function () {
			location.href = "html/news.html"
		})
		$(".service").click(function () {
			location.href = "../html/service.html"
		})
		$(".gou").click(function () {
			location.href = "../html/gou.html"
		})
		$(".personal").click(function () {
			location.href = "../html/personal.html"
		})
		$(".medicine").click(function () {
			location.href = "../html/medicine.html"
		})
		$(".core").click(function () {
			location.href = "../html/core.html"
		})
		$(".register").click(function () {
			location.href = "../html/register.html"
		})
		$(".column").click(function () {
			location.href = "../html/secone.html"
		})
	</script>
</body>

</html>